<script lang="ts" setup>
import ProjectTable from './ProjectTable.vue'
import DataTable from './DataTable.vue'
import AuthTable from './AuthTable.vue'
import TrainLog from './TrainLog.vue'
</script>

<template>
  <section class="flex flex-col gap-4">
    <TrainLog></TrainLog>
    <div class="flex flex-col gap-4 md:flex-row">
      <AuthTable class="w-full md:w-1/3" />
      <DataTable class="w-full md:w-2/3" />
    </div>
    <div class="flex flex-col gap-4 md:flex-row">
      <ProjectTable class="w-full md:w-2/3" />
    </div>
  </section>
</template>
